/************************************************************************
 * File name      : base.css
 * Info        : 
 * Writer      : vi-nyl
 * Date      : 2008.09.16
************************************************************************/
@import "layout.css";
@import "class.css";
@import "left.css";

*		{margin:0; padding:0;}
html	{height:100%;}
body	{width:100%; height:100%; font-size:12px; font-family: Arial, Helvetica,"宋体", sans-serif; color:#282828; line-height:1.6em;}

img			{border:0; vertical-align:top;}
ul, ol		{list-style:none; vertical-align:top;}
li img		{vertical-align:top;}

h1, h2, h3, 
h4, h5, h6	{}

a:link		{text-decoration:none; color:#353535;}
a:visited	{text-decoration:none; color:#353535;}
a:hover		{text-decoration:none; color:#C63919;}
a:active	{text-decoration:none; color:#353535;}

/* form */
form		{margin:0; padding:0;}
input.txt	{height:15px; border:1px solid #CACACA; padding:2px 0 0 3px; vertical-align:middle; font:normal 12px verdana; color:#282828; letter-spacing:-1px;}
input.txt02	{height:13px; border:1px solid #E1E1E1; padding:2px 0 0 3px; vertical-align:middle; font:normal 12px verdana; color:#282828; background:#F1F1F1; letter-spacing:-1px;}
input.eatxt	{height:15px; border:1px solid #CACACA; padding:0 0 0 3px; vertical-align:middle; width:38px; font:normal 12px verdana; color:#282828}
input.eatxtS{height:15px; border:1px solid #CACACA; padding:0 0 0 3px; vertical-align:middle; width:19px; font:normal 12px verdana; color:#282828}
input.chk	{width:12px; height:12px; border:0; background:transparent;}
textarea	{border:1px solid #D0C3A9; font-family:Arial, Helvetica,"宋体", sans-serif; color:#282828; line-height:1.2em; font-size:12px}
textarea.style01	{padding:3px 8px}
textarea.style02	{border:1px solid #CACACA; font:normal 12px;}
select		{vertical-align:middle;} :root select	{height:23px;}
fieldset	{border:none;}
.Button{
font-family: "宋体";BORDER-TOP-STYLE: ridge; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BACKGROUND-COLOR: #dddecb; BORDER-BOTTOM-STYLE: ridge
}

/* rollover */
a.rollover img				{display:inline;}
a.rollover img.over			{display:none;} 
a.rollover img.on			{display:none;} 
a.rollover:hover			{border:0; cursor:pointer}
a.rollover:hover img		{display:none;}
a.rollover:hover img.over	{display:inline;}
a.rollover:hover img.on		{display:none;}


/* font */
.t_sale		{font-size:11px; height:12px; margin:2px 0}
.t_normal	{color:#282828}

.a_White	{color:#FFFFFF}
.a_White	a:link		{text-decoration:none; color:#FFFFFF;}
.a_White	a:visited	{text-decoration:none; color:#FFFFFF;}
.a_White	a:hover		{text-decoration:inline; color:#FFFFFF;}
.a_White	a:active	{text-decoration:none; color:#FFFFFF;}

.t_price	{font-size:11px; color:#333; margin:1px 0}
.t_price02	{font-size:11px; color:#282828;}
.t_price_no	{font-size:12px; color:#333; margin:-3px 0 0 0} /* 081222 추가 */

.r_price	{font-size:12px; color:#C63919; font-family:Verdana; font-weight:bold;}
.r_price02	{font-size:11px; color:#C63919; font-family:Verdana; font-weight:bold;}
.r_price03	{font-size:11px; color:#C63919; font-family:Verdana;}

.t_gray		{color:#282828}
.t_gray2	{color:#D9D9D9}
.t_black	{color:#333;}
.t_blackB	{color:#333; font-weight:bold;}

.t_num			{color:#282828; font-size:11px; font-family:Verdana;}
a:hover .t_num	{color:#C63919;}
.t_num02		{color:#C63919; font-size:11px; font-family:Verdana;}

.t_blackA	{color:#333; font-size:11px;}
.t_blackA	a:link		{text-decoration:none; color:#333;}
.t_blackA	a:visited	{text-decoration:none; color:#333;}
.t_blackA	a:hover		{text-decoration:underline; color:#C63919;}
.t_blackA	a:active	{text-decoration:none; color:#333;}

small	{font-size:11px; margin-bottom:2px} :root small	{margin-bottom:0px}

.t_prd	{font:13px Verdana #666;}

.s_cartegory	{font-size:10px; font-family:Verdana; color:#282828;}

.b_bar01	{color:#D9D9D9;}

.a_White	{color:#FFFFFF}
.a_White:link		{text-decoration:none; color:#FFFFFF;}
.a_White:visited	{text-decoration:none; color:#FFFFFF;}
.a_White:hover		{text-decoration:underline; color:#FFFFFF;}
.a_White:active	{text-decoration:none; color:#FFFFFF;}

/* letter-spacing */
.lspM	{letter-spacing:-0.05em}
.lsp	{letter-spacing:0.05em}

/* Align */
.fl_left	{float:left;}
.fl_right	{float:right;}
.fl_clear	{clear:both;}
.fl_clear2	{clear:both; width:100%; overflow:auto; overflow:hidden}

.al_left	{text-align:left}
.al_center	{text-align:center}
.al_right	{text-align:right}
.al_top		{vertical-align:top;}
.al_middle	{vertical-align: middle}
.al_bottom	{vertical-align:baseline}
.al_btm		{vertical-align:bottom}

.hand		{cursor:pointer}
.overflow	{overflow:auto; overflow:hidden;}
.overflow2	{overflow:auto; overflow:hidden; height:100%;}
.none		{display:none;}
.pos_rel	{position:relative}
.noborder	{border:none;}


/* margin * padding */
.mA		{margin:0 auto;}
.mt1m	{margin-top:-1px;}
.mt3m	{margin-top:-3px;}
.mt5m	{margin-top:-5px;}
.mt15m	{margin-top:-15px;}
.mt17m	{margin-top:-17px;}
.mt23m	{margin-top:-23px;}
.mt0	{margin-top:0px;}
.mt1	{margin-top:1px;}
.mt2	{margin-top:2px;}
.mt3	{margin-top:3px;}
.mt4	{margin-top:4px;}
.mt5	{margin-top:5px;}
.mt7	{margin-top:7px;}
.mt8	{margin-top:8px;}
.mt10	{margin-top:10px;}
.mt11	{margin-top:11px;}
.mt13	{margin-top:13px;}
.mt15	{margin-top:15px;}
.mt18	{margin-top:18px;}
.mt20	{margin-top:20px;}
.mt25	{margin-top:25px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}

.mb3	{margin-bottom:3px;}
.mb5	{margin-bottom:5px;}
.mb8	{margin-bottom:8px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb17	{margin-bottom:17px;}
.mb20	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}

.ml3	{margin-left:3px;}
.ml5	{margin-left:5px;}
.ml7	{margin-left:7px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml25	{margin-left:25px;}

.mr3	{margin-right:3px;}
.mr5	{margin-right:5px;}
.mr8	{margin-right:8px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}

.pt5	{padding-top:5px;}
.pt10	{padding-top:10px;}
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}
.pt25	{padding-top:25px;}

.pb5	{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}

.pl5	{padding-left:5px;}
.pl10	{padding-left:10px;}
.pl15	{padding-left:15px;}
.pl20	{padding-left:20px;}
.pl79	{padding-left:79px;}
.pl315	{padding-left:315px;}

.pr5	{padding-right:5px;}
.pr10	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}

/* png */
.png24 {tmp:expression(setPng24(this));}

.clfix:after	{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix			{display: inline-block;}
.clfix			{display: block;}
* html .clfix	{height: 1%;} /* Hides from IE-mac */
.clfix			{zoom:1;} /*for IE 5.5-7*/

/* location */
#h1_area	{position:relative; width:970px; margin:0 auto}
#h1_area	h1		{padding:27px 0 0 25px;} :root #h1_area	h1	{height:35px;}
#h1_area	#location	{position:absolute; right:0; top:45px}

#h1_area.nType	h1	{height:15px; font-size:0; line-height:0; padding:0 0 8px; color:#AAAAAA;} :root #h1_area.nType	h1	{padding:0 0 5px}
#h1_area.nType	#location	{position:absolute; right:0; top:3px}

#location	{color:#282828; word-spacing:0.2em;}
#location	a, #location	a:hover {color:#282828}
#location	.on	{color:#333}

.selectA	{margin-top:2px} :root .selectA	{margin-top:0}

.w750	{width:750px;}

.scroll	{
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #DEDEDE;
	scrollbar-darkshadow-color: #DEDEDE;
	scrollbar-track-color: #A0A0A0;
	scrollbar-arrow-color: #373737;
}

.al_centerB	{margin:0 auto}

/* 090409*/
.t_sale span{background:url(../images/delline.gif) repeat-x 0 8px;}

.help_nav{
	clear:both;
	width:190px;
	overflow:hidden;
	text-align:left;
	padding:0 0 3px 5px;
}
.help_nav p.title{
	clear:both;
	text-align:left;
	padding-left:10px;
	line-height:20px;
	background-image: url(../images/ico_03.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
}
.help_nav ul.sub_help{
	width:165px;
	margin-left:12px;
	padding:3px 0 3px 10px;
}
.help_nav ul.sub_help li{
	border:none;
	width:167px;
	padding:0px;
	font-size:12px;
	text-align:left;
	line-height:20px;
	background-image:none;
}

.help_title{
	height:22px;
	color:#F1F0E4;
	padding:0 10px;
	overflow:hidden;
	text-align:left;
	line-height:22px;
	margin-bottom:1px;
	background-color:#DB2D31;
}
.help_title .more{margin-left:85px}
.help_box{
	padding:10px 10px;
	overflow:hidden;
	text-align:left;
	line-height:20px;
	margin-bottom:5px;
	border:1px solid #DB2D31;
}
.help_box ul{margin-top:-10px;}
.help_box li{
	clear:both;
	height:19px;
	overflow:hidden;
	text-align:left;
	line-height:19px;
	margin:0px 0px 0px 0px;
}
.help_box li img{margin-right:6px;margin-top:4px;}

.help_box1{
	overflow:hidden;
	text-align:left;
	line-height:20px;
	margin-bottom:5px;
	width:748px;
	border:1px solid #DB2D31;
}
.floatright{float:right;}

.input{
	padding:0;
	margin:0;
	height:16px;
	padding-top:3px;
	_height:15px;
	_padding-top:4px;
	color:#666666;
	font-size:12px;
	overflow:hidden;
	text-align:left;
	padding-left:2px;
	padding-right:2px;
	vertical-align:middle;
	background-color:#F6F6F6;
	border:1px solid #DADADA;
}
.input1{
	padding:0;
	margin:0;
	height:16px;
	padding-top:3px;
	_height:15px;
	_padding-top:4px;
	color:#666666;
	font-size:12px;
	overflow:hidden;
	text-align:left;
	padding-left:2px;
	padding-right:2px;
	vertical-align:middle;
	border:1px solid #757575;
}
.topk5 {
margin-top:5px;
}